import { useNavigate } from 'react-router-dom'
import './index.scss'
import {
  Form,
  Input,
  Button,
} from 'antd-mobile'

function Wjmm() {
  const navigate = useNavigate()
  return (
    <div className='wjmm'>
      <div >
        <img src="../../../public/8.png" alt="" className='fanhui' onClick={() => navigate('/login')} />
      </div>
      <div className='bt'>
        <span>忘记密码</span>
      </div>
      <div className='wjym'>
        <Form.Item
          name='name'
          rules={[{ required: true, message: '邮箱不能为空' }]}
          extra={
             <div className='yzm'>
              <Button color='primary'>获取验证码</Button>
             </div>
          }
        >
          <Input onChange={console.log} placeholder='请输入邮箱账号' className='sr' />
        </Form.Item>
        <Form.Item
          name='name'
          rules={[{ required: true, message: '验证码不能为空' }]}
          
        >
          <Input onChange={console.log} placeholder='请输入验证码' className='sr' />
        </Form.Item>
      </div>
      <div className='xyb'>
        <Button className='xan' onClick={()=>navigate('/newpassword')}>
           下一步
        </Button>
      </div>

    </div>
  )
}

export default Wjmm